<div class="boxUCover tMargin10">
    <div class="headerTitle"><h3>Bìa hồ sơ hiện tại</h3></div>
    <div class="uCoverItem"> 
        <div class="cus">
            <div id="usrInfo">
                <h3>{$AppUI->fullnamevn}</h3>
                {image userid=$AppUI->id viewid=$AppUI->id type=1 small=1 class="border130 lFloat"}
            </div>  
            {if $ucover}
                <div id="canvas"><img src="{$smarty.const.HOST_STATICS}img/bg/position.png" width="145" height="40" alt="Save position for cover image" /></div>
                <input type="hidden" name="pcoverid" id="pcoverid" value="{$ucover.coverid}"/>
                <input type="hidden" name="ptop" id="ptop" value="{$ucover.top}"/>  
                {image path=$ucover.image type=6 attr="id=\"draggable\" height=\"$intHeight\""}
            {/if}
        </div>
        <div class="bot">&nbsp;</div>
    </div>
</div>
<div class="boxCover">
    <div class="headerTitle"><h3>Bìa hồ sơ tự tạo</h3></div>
    <div class="coverItem">
        <div class="userInput">
        	<form method="post" name="frmCover" id="frmCover" action="" enctype="multipart/form-data">
            	<input type="file" name="pimage" id="pimage" {if $strBrowser == "Firefox"}size="47"{/if} onchange="javascript:uploadCover('{$AppUI->id|secret:$smarty.const.SE_ACCOUNT_COVER_UPLOAD}');"/>
            </form>
        </div>
        <ul>
            {if $arrUser}
                {foreach key=i item=item from=$arrUser}
                    <li{if $i%2==0} class="firstChild"{/if}>
                        {if $ucover && $ucover.coverid == $item.coverid}
                            <img src="{$smarty.const.HOST_STATICS}img/bg/cover-check.gif" width="62" height="62" alt="" border="0" class="check" />
                        {/if}
                        <a href="{$smarty.const.HOST_VFRIEND}account/coversel?cid={$item.coverid}">{image path=$item.image type=6 small=2}</a>
                    </li>
                {/foreach}
                <li{if $arrUser%2==0} class="firstChild"{/if}>
                    <p>- Kích thước hình upload tối thiểu: ngang <strong>{$smarty.const.COVER_IMAGE_FULL_WIDTH}px</strong>, dọc <strong>{$smarty.const.COVER_IMAGE_FULL_HEIGHT}px</strong>.</p>
                    <p>- Dung lượng hình không vượt quá {$smarty.const.IMAGE_SIZE} MB.</p>
                    <p>- Không sử dụng hình có nội dung đồi trụy, phản động.</p>
                    {if $smarty.const.FUNCTION_PAYMENT_COVER}
                        <p>- Cần <strong>{$smarty.const.PAYMENT_COVER} VON</strong> cho 1 lần đổi bìa hồ sơ do bạn tự tạo.</p>
                    {/if}
                </li>
            {else}
                <li class="firstChild"><img src="{$smarty.const.HOST_STATICS}img/bg/cover-mine.gif" alt="{$AppUI->fullnamevn}: Bìa hồ sơ tự tạo" border="0" width="390" height="64" /></li>
                <li>
                    <p>- Kích thước hình upload tối thiểu: ngang <strong>{$smarty.const.COVER_IMAGE_FULL_WIDTH}px</strong>, dọc <strong>{$smarty.const.COVER_IMAGE_FULL_HEIGHT}px</strong>.</p>
                    <p>- Dung lượng hình không vượt quá {$smarty.const.IMAGE_SIZE} MB.</p>
                    <p>- Không sử dụng hình có nội dung đồi trụy, phản động.</p>
                    {if $smarty.const.FUNCTION_PAYMENT_COVER}
                        <p>- Cần <strong>{$smarty.const.PAYMENT_COVER} VON</strong> cho 1 lần đổi bìa hồ sơ do bạn tự tạo.</p>
                    {/if}
                </li>
            {/if}
        </ul>
    </div>
</div>
<script type="text/javascript" language="javascript" src="{$smarty.const.HOST_STATICS}js/account/cover-drappable.js"></script>